<template>
  <div>
    <div class="head">
      <div class="head_left">
        <h3>
          园区概况
        </h3>
      </div>
      <div class="head_right">
        <ul>
          <li>当前位置：</li>
          <li>首页</li>
          <li> >> </li>
          <li>园区概览</li>
          <li> >> </li>
          <li>园区概况</li>
        </ul>
      </div>
      <div class="head_line"></div>
    </div>
    <div class="navigation">
      <ed-submeu index="3" popper-class="popper">
        <template slot="title">{{module3}}</template>
        <div class="navigation_left">
          <ul>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor_top"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Yqgk" style="text-decoration:none;"><a>园区概况</a></router-link>

              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title1.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Zbpt" style="text-decoration:none;"><a>周边陪套</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Wzjjt" style="text-decoration:none;"><a>位置及交通</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Lpfc" style="text-decoration:none;"><a>楼盘风采</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Yqgk" style="text-decoration:none;"><a>3D导览</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
                <div class="parkshow_menucolor"></div>
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Rzqy" style="text-decoration:none;"><a>入驻企业</a></router-link>
              </div>
            </li>
            <li>
              <div class="parkshow_menuing">
                <img src="../../assets/title2.png">
              </div>
              <div class="parkshow_menulist">
                <router-link to="/park/Dsj" style="text-decoration:none;"><a>大事记</a></router-link>
              </div>
            </li>
          </ul>
        </div><!--navigation end-->
      </ed-submeu>
      <div class="navigation_right">
        <div class="nr_left">
          <ul>
            <li><img src="../../assets/left-1.png"></li>
            <li><img src="../../assets/left-2.png"></li>
            <li><img src="../../assets/left-3.png"></li>
            <li><img src="../../assets/left-4.png"></li>
          </ul>
        </div><!--nr_left end-->
        <div class="nr_right">
            <div class="nr_right_top">
              <img src="../../assets/2.jpg" >
              <img src="../../assets/3.jpg" style="margin-left: 8px;">
              <img src="../../assets/xyhjct.jpg" style="margin-left: 8px;">
            </div><!--nr_right_top end-->
          <div class="nr_right_comtent">
            <ul>
              <li>罗森连锁</li>
              <li>金百味</li>
              <li>西游汇简餐厅</li>
            </ul>
          </div><!--nr_right_comtent end-->
          <div class="nr_right_one">
            <p style="height: 36px">
              互联网产业园人才公寓位于“康庄美地E区”，共计4栋1951套单间配套房。
            </p>
          </div>
          <div class="nr_right_two">
              <p style="height: 54px">
                园区提供两路大容量独立电源供电，由外河变电站和光电园变电站（预计2017年建成）独立供电，为企业提供可靠供电保障。
              </p>
          </div>
          <div class="nr_right_three">
            <p style="height: 52px;">
              有线网络：移动、电信、联通三家运营商网络均接入园区，企业自由选择服务商；十万兆物理光纤接入园区，千兆光纤到楼层。
            </p>
            <p style="height: 26px;">
              无线网络：园区公共区域提供无线WiFi全覆盖；移动网络全2G/3G/4G覆盖。
            </p>
            <p style="height: 52px;">
              高速可靠的数据传输：租用专用光纤，与水土云计算中心高速对接；最高单链路十万兆通信；采用安全通信设备和协议，
              保障数据传输安全性。
            </p>
          </div>
        </div><!--nr_right end-->
      </div><!--navigation_right end-->
    </div><!--navigation end-->
  </div><!--div end-->
</template>

<style>
  *{
    margin: 0;
    padding: 0;
  }
  .head{
    width: 1004px;
    height: 99px;
    margin: 0 auto;
  }
  .head_left{
    width: 300px;
    height: 71px;
    float: left;
  }
  .head_left h3{
    width: 300px;
    height: 36px;
    padding-top: 36px;
    color: #517bc0;
    font-size: 20px;
  }
  .head_right{
    height: 22px;
    float: right;
    font-size: 12px;
    line-height: 22px;
    padding-top: 36px;
  }
  .head_right li{
    float: left;
    list-style: none;
  }
  .head_line{
    background-color: #a3bbe3;
    clear: both;
    height: 1px;
    width: 100%;
    float: none;
    margin-bottom: 7px;
  }
  .navigation{
    width: 1004px;
    margin: 0 auto;
  }
  .navigation_left{
    width: 258px;
    height: 337px;
    float: left;
  }
  .navigation_left li{
    list-style: none;
    width: 254px;
    height: 50px;
  }
  .navigation_left li a:visited{
    color: black;
  }
  .navigation_left li a:hover {
    color: #3b97d7;
  }
  .parkshow_menuing{
    height: 50px;
    width: 25px;
    float: left;
  }
  .parkshow_menucolor_top{
    height: 32px;
    width: 2px;
    background-color: #dcdcdc;
    padding-bottom: 4px;
    margin-left: 4px;
    margin-top: -4px;
  }
  .parkshow_menucolor{
    height: 30px;
    width: 2px;
    background-color: #dcdcdc;
    margin-left: 4px;
    padding-top: 34px;
    margin-top: -18px;
  }
  /*.parkshow_menucolor_foot{
    height: 22px;
    width: 2px;
    background-color: #dcdcdc;
    margin-left: 4px;
  }*/
  .parkshow_menulist{
    height: 50px;
    width: 229px;
    float: left;
  }
  .navigation_right{
    width: 746px;
    height: 600px;
    float: right;
  }
  .nr_left{
    width: 115px;
    height: 469px;
    float: left;
  }
  .nr_left li{
    width: 55px;
    height: 55px;
    list-style: none;
    padding-bottom: 83px;
  }
  .nr_right{
    width: 630px;
    height: 600px;
    float: left;
  }
  .nr_right p{
    font-size: 13px;
    color: #4b4b4b;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    line-height: 26px;
    text-indent: 2em;
  }
  .nr_right_top{
    width: 630px;
    height: 84px;
  }
  .nr_right_comtent{
    height: 10px;
    padding-bottom: 70px;
  }
  .nr_right_comtent li{
     width: 188px;
     height: 26px;
     float: left;
     list-style: none;
     text-align: center;
     line-height: 26px;
     padding-right: 10px;
   }
 /* .nr_right_top span{
    width: 188px;
    height: 84px;
  }*/
  .nr_right_top img {
    width: 181px;
    height: 75px;
    border: #99a9bf 2px solid;
  }
  .nr_right_one{
    width: 630px;
    height: 124px;
  }
  .nr_right_two{
    width: 630px;
    height: 124px;
  }
  .nr_right_three{
    width: 630px;
    height: 130px;
  }
</style>

<script>

  export default {
    data() {
      return {msg: ''}
    }
  }

</script>
